<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>

<title>首页</title>

<content tag="location">
<ul class="breadcrumb">
	<li><i class="icon-home home-icon"></i> <a href="#">首页</a></li>
	<li class="active">控制台</li>
</ul>
<!-- .breadcrumb --> </content>

<head>
	<script type="text/javascript" src="${ctx}/assets/app/js/home_index.js"></script>
</head>

<div class="row">
	<div class="col-xs-12">
		<!-- PAGE CONTENT BEGINS -->

		<div class="alert alert-block alert-success">
			<button type="button" class="close" data-dismiss="alert">
				<i class="icon-remove"></i>
			</button>

			<i class="icon-ok green"></i> 欢迎使用 <strong class="green">
				西安金智云起点后台管理系统脚手架 <small>(v1.0)</small>
			</strong> ,轻量级好用的后台管理系统模版.
		</div>

		<div class="row">
			<div class="space-6"></div>

			<div class="col-sm-7 infobox-container">
				<div class="infobox infobox-green  ">
					<div class="infobox-icon">
						<i class="icon-comments"></i>
					</div>

					<div class="infobox-data">
						<span class="infobox-data-number">32</span>
						<div class="infobox-content">2个评论</div>
					</div>
					<div class="stat stat-success">8%</div>
				</div>

				<div class="infobox infobox-blue  ">
					<div class="infobox-icon">
						<i class="icon-twitter"></i>
					</div>

					<div class="infobox-data">
						<span class="infobox-data-number">11</span>
						<div class="infobox-content">新粉丝</div>
					</div>

					<div class="badge badge-success">
						+32% <i class="icon-arrow-up"></i>
					</div>
				</div>

				<div class="infobox infobox-pink  ">
					<div class="infobox-icon">
						<i class="icon-shopping-cart"></i>
					</div>

					<div class="infobox-data">
						<span class="infobox-data-number">8</span>
						<div class="infobox-content">新订单</div>
					</div>
					<div class="stat stat-important">4%</div>
				</div>

				<div class="infobox infobox-red  ">
					<div class="infobox-icon">
						<i class="icon-beaker"></i>
					</div>

					<div class="infobox-data">
						<span class="infobox-data-number">7</span>
						<div class="infobox-content">调查</div>
					</div>
				</div>

				<div class="infobox infobox-orange2  ">
					<div class="infobox-chart">
						<span class="sparkline"
							data-values="196,128,202,177,154,94,100,170,224"></span>
					</div>

					<div class="infobox-data">
						<span class="infobox-data-number">6,251</span>
						<div class="infobox-content">页面查看次数</div>
					</div>

					<div class="badge badge-success">
						7.2% <i class="icon-arrow-up"></i>
					</div>
				</div>

				<div class="infobox infobox-blue2  ">
					<div class="infobox-progress">
						<div class="easy-pie-chart percentage" data-percent="42"
							data-size="46">
							<span class="percent">42</span>%
						</div>
					</div>

					<div class="infobox-data">
						<span class="infobox-text">交易使用</span>

						<div class="infobox-content">
							<span class="bigger-110">~</span> 剩余58GB
						</div>
					</div>
				</div>

				<div class="space-6"></div>

				<div class="infobox infobox-green infobox-small infobox-dark">
					<div class="infobox-progress">
						<div class="easy-pie-chart percentage" data-percent="61"
							data-size="39">
							<span class="percent">61</span>%
						</div>
					</div>

					<div class="infobox-data">
						<div class="infobox-content">任务</div>
						<div class="infobox-content">完成</div>
					</div>
				</div>

				<div class="infobox infobox-blue infobox-small infobox-dark">
					<div class="infobox-chart">
						<span class="sparkline" data-values="3,4,2,3,4,4,2,2"></span>
					</div>

					<div class="infobox-data">
						<div class="infobox-content">获得</div>
						<div class="infobox-content">$32,000</div>
					</div>
				</div>

				<div class="infobox infobox-grey infobox-small infobox-dark">
					<div class="infobox-icon">
						<i class="icon-download-alt"></i>
					</div>

					<div class="infobox-data">
						<div class="infobox-content">下载次数</div>
						<div class="infobox-content">1,205</div>
					</div>
				</div>
			</div>

			<div class="vspace-sm"></div>

			<div class="col-sm-5">
				<div class="widget-box">
					<div class="widget-header widget-header-flat widget-header-small">
						<h5>
							<i class="icon-signal"></i> 访问来源
						</h5>

						<div class="widget-toolbar no-border">
							<button class="btn btn-minier btn-primary dropdown-toggle"
								data-toggle="dropdown">
								本周 <i class="icon-angle-down icon-on-right bigger-110"></i>
							</button>

							<ul
								class="dropdown-menu pull-right dropdown-125 dropdown-lighter dropdown-caret">
								<li class="active"><a href="#" class="blue"> <i
										class="icon-caret-right bigger-110">&nbsp;</i> 本周
								</a></li>

								<li><a href="#"> <i
										class="icon-caret-right bigger-110 invisible">&nbsp;</i> 上周
								</a></li>

								<li><a href="#"> <i
										class="icon-caret-right bigger-110 invisible">&nbsp;</i> 本月
								</a></li>

								<li><a href="#"> <i
										class="icon-caret-right bigger-110 invisible">&nbsp;</i> 上月
								</a></li>
							</ul>
						</div>
					</div>

					<div class="widget-body">
						<div class="widget-main">
							<div id="piechart-placeholder"></div>

							<div class="hr hr8 hr-double"></div>

							<div class="clearfix">
								<div class="grid3">
									<span class="grey"> <i
										class="icon-facebook-sign icon-2x blue"></i> &nbsp; likes
									</span>
									<h4 class="bigger pull-right">1,255</h4>
								</div>

								<div class="grid3">
									<span class="grey"> <i
										class="icon-twitter-sign icon-2x purple"></i> &nbsp; tweets
									</span>
									<h4 class="bigger pull-right">941</h4>
								</div>

								<div class="grid3">
									<span class="grey"> <i
										class="icon-pinterest-sign icon-2x red"></i> &nbsp; pins
									</span>
									<h4 class="bigger pull-right">1,050</h4>
								</div>
							</div>
						</div>
						<!-- /widget-main -->
					</div>
					<!-- /widget-body -->
				</div>
				<!-- /widget-box -->
			</div>
			<!-- /span -->
		</div>
		<!-- /row -->

		<!-- PAGE CONTENT ENDS -->
	</div>
	<!-- /.col -->
</div>
<!-- /.row -->







